﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="PostWiget.ascx.cs" Inherits="Layout_website.UserControl.BlogWiget.PostWiget" %>

<style type="text/css">
    @media only screen and (min-width: 767px) {
       .Iframeyoutube {
           height:100%;
            min-height: 420px;
        }

    }
    @media only screen and (max-width: 480px) {

        .Iframeyoutube {
            height: 100%;
            min-height: 200px;
        }
    }
    @media only screen and (max-width: 767px) {
        .Iframeyoutube {
            height: 100%;
            min-height: 250px;
        }
    }
     
}
</style>

  <%-- post news --%>
<div class="blog-container">
    <div class="block-01">
        <style type="text/css">
        </style>
        <h4><a href="#" class="linkpost">Làm gì khi smartphone bị vào nước?</a></h4>
        <div class="option-block">
            <a class="date" href="#" title="Date">10-02-2013</a>
            <a class="design" href="#" title="Design">Mẹo vặt</a>
            <a class="by-blog" href="#" title="">Đăng bởi:Admin</a>
            <a class="comment" href="#" title="Comment">20 Nhận Xét</a>
        </div>

    </div>
    <div class="about-banner">
        <iframe src="//www.youtube.com/embed/cmZN53xlZGE" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" class="Iframeyoutube" style="width: 100%;"></iframe>
        <div class="post-media" style="display:none">
            <a href="#"><img src="../../Content/images/banner2.jpg" alt=""></a>
        </div>
        <div class="clear"></div>
    </div>
    <div class="block-01">
        <p>
            Smartphone tuy rất tiện ích nhưng lại vô cùng mỏng manh và dễ gặp “tai nạn nguy hiểm”. Tất nhiên, mức độ “thương tổn” ở những tai nạn này thường rất cao và nguy cơ lớn là “em ấy” sẽ không còn hoạt động được. Bị vào nước là một trong những trường hợp như vậy! Và để bảo vệ “chú dế” thân yêu của mình, bạn cần ngay lập tức thực hiện những điều sau đây!
        </p>

        <a class="read-more" href="#" title="Read More">XEM CHI TIẾT &raquo;</a>
    </div>
</div>
	<%-- ===================== --%>		
  <%-- post news --%>
<div class="blog-container">
    <div class="block-01">
        <style type="text/css">
        </style>
        <h4><a href="#" class="linkpost">Làm gì khi smartphone bị vào nước?</a></h4>
        <div class="option-block">
            <a class="date" href="#" title="Date">10-02-2013</a>
            <a class="design" href="#" title="Design">Mẹo vặt</a>
            <a class="by-blog" href="#" title="">Đăng bởi:Admin</a>
            <a class="comment" href="#" title="Comment">20 Nhận Xét</a>
        </div>

    </div>
    <div class="about-banner">
        <iframe src="//www.youtube.com/embed/cmZN53xlZGE" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" class="Iframeyoutube" style="width: 100%;"></iframe>
        <div class="post-media" style="display:none">
            <a href="#"><img src="../../Content/images/banner2.jpg" alt=""></a>
        </div>
        <div class="clear"></div>
    </div>
    <div class="block-01">
        <p>
            Smartphone tuy rất tiện ích nhưng lại vô cùng mỏng manh và dễ gặp “tai nạn nguy hiểm”. Tất nhiên, mức độ “thương tổn” ở những tai nạn này thường rất cao và nguy cơ lớn là “em ấy” sẽ không còn hoạt động được. Bị vào nước là một trong những trường hợp như vậy! Và để bảo vệ “chú dế” thân yêu của mình, bạn cần ngay lập tức thực hiện những điều sau đây!
        </p>

        <a class="read-more" href="#" title="Read More">XEM CHI TIẾT &raquo;</a>
    </div>
</div>
	<%-- ===================== --%>		

  <%-- post news --%>
<div class="blog-container">
    <div class="block-01">
        <style type="text/css">
        </style>
        <h4><a href="#" class="linkpost">Làm gì khi smartphone bị vào nước?</a></h4>
        <div class="option-block">
            <a class="date" href="#" title="Date">10-02-2013</a>
            <a class="design" href="#" title="Design">Mẹo vặt</a>
            <a class="by-blog" href="#" title="">Đăng bởi:Admin</a>
            <a class="comment" href="#" title="Comment">20 Nhận Xét</a>
        </div>

    </div>
    <div class="about-banner">
        <iframe src="//www.youtube.com/embed/cmZN53xlZGE" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" class="Iframeyoutube" style="width: 100%;"></iframe>
        <div class="post-media" style="display:none">
            <a href="#"><img src="../../Content/images/banner2.jpg" alt=""></a>
        </div>
        <div class="clear"></div>
    </div>
    <div class="block-01">
        <p>
            Smartphone tuy rất tiện ích nhưng lại vô cùng mỏng manh và dễ gặp “tai nạn nguy hiểm”. Tất nhiên, mức độ “thương tổn” ở những tai nạn này thường rất cao và nguy cơ lớn là “em ấy” sẽ không còn hoạt động được. Bị vào nước là một trong những trường hợp như vậy! Và để bảo vệ “chú dế” thân yêu của mình, bạn cần ngay lập tức thực hiện những điều sau đây!
        </p>

        <a class="read-more" href="#" title="Read More">XEM CHI TIẾT &raquo;</a>
    </div>
</div>
	<%-- ===================== --%>		

  <%-- post news --%>
<div class="blog-container">
    <div class="block-01">
        <style type="text/css">
        </style>
        <h4><a href="#" class="linkpost">Làm gì khi smartphone bị vào nước?</a></h4>
        <div class="option-block">
            <a class="date" href="#" title="Date">10-02-2013</a>
            <a class="design" href="#" title="Design">Mẹo vặt</a>
            <a class="by-blog" href="#" title="">Đăng bởi:Admin</a>
            <a class="comment" href="#" title="Comment">20 Nhận Xét</a>
        </div>

    </div>
    <div class="about-banner">
        <iframe src="//www.youtube.com/embed/cmZN53xlZGE" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" class="Iframeyoutube" style="width: 100%;"></iframe>
        <div class="post-media" style="display:none">
            <a href="#"><img src="../../Content/images/banner2.jpg" alt=""></a>
        </div>
        <div class="clear"></div>
    </div>
    <div class="block-01">
        <p>
            Smartphone tuy rất tiện ích nhưng lại vô cùng mỏng manh và dễ gặp “tai nạn nguy hiểm”. Tất nhiên, mức độ “thương tổn” ở những tai nạn này thường rất cao và nguy cơ lớn là “em ấy” sẽ không còn hoạt động được. Bị vào nước là một trong những trường hợp như vậy! Và để bảo vệ “chú dế” thân yêu của mình, bạn cần ngay lập tức thực hiện những điều sau đây!
        </p>

        <a class="read-more" href="#" title="Read More">XEM CHI TIẾT &raquo;</a>
    </div>
</div>
	<%-- ===================== --%>		

  <%-- post news --%>
<div class="blog-container">
    <div class="block-01">
        <style type="text/css">
        </style>
        <h4><a href="#" class="linkpost">Làm gì khi smartphone bị vào nước?</a></h4>
        <div class="option-block">
            <a class="date" href="#" title="Date">10-02-2013</a>
            <a class="design" href="#" title="Design">Mẹo vặt</a>
            <a class="by-blog" href="#" title="">Đăng bởi:Admin</a>
            <a class="comment" href="#" title="Comment">20 Nhận Xét</a>
        </div>

    </div>
    <div class="about-banner">
        <iframe src="//www.youtube.com/embed/cmZN53xlZGE" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" class="Iframeyoutube" style="width: 100%;"></iframe>
        <div class="post-media" style="display:none">
            <a href="#"><img src="../../Content/images/banner2.jpg" alt=""></a>
        </div>
        <div class="clear"></div>
    </div>
    <div class="block-01">
        <p>
            Smartphone tuy rất tiện ích nhưng lại vô cùng mỏng manh và dễ gặp “tai nạn nguy hiểm”. Tất nhiên, mức độ “thương tổn” ở những tai nạn này thường rất cao và nguy cơ lớn là “em ấy” sẽ không còn hoạt động được. Bị vào nước là một trong những trường hợp như vậy! Và để bảo vệ “chú dế” thân yêu của mình, bạn cần ngay lập tức thực hiện những điều sau đây!
        </p>

        <a class="read-more" href="#" title="Read More">XEM CHI TIẾT &raquo;</a>
    </div>
</div>
	<%-- ===================== --%>		

  <%-- post news --%>
<div class="blog-container">
    <div class="block-01">
        <style type="text/css">
        </style>
        <h4><a href="#" class="linkpost">Làm gì khi smartphone bị vào nước?</a></h4>
        <div class="option-block">
            <a class="date" href="#" title="Date">10-02-2013</a>
            <a class="design" href="#" title="Design">Mẹo vặt</a>
            <a class="by-blog" href="#" title="">Đăng bởi:Admin</a>
            <a class="comment" href="#" title="Comment">20 Nhận Xét</a>
        </div>

    </div>
    <div class="about-banner">
        <iframe src="//www.youtube.com/embed/cmZN53xlZGE" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" class="Iframeyoutube" style="width: 100%;"></iframe>
        <div class="post-media" style="display:none">
            <a href="#"><img src="../../Content/images/banner2.jpg" alt=""></a>
        </div>
        <div class="clear"></div>
    </div>
    <div class="block-01">
        <p>
            Smartphone tuy rất tiện ích nhưng lại vô cùng mỏng manh và dễ gặp “tai nạn nguy hiểm”. Tất nhiên, mức độ “thương tổn” ở những tai nạn này thường rất cao và nguy cơ lớn là “em ấy” sẽ không còn hoạt động được. Bị vào nước là một trong những trường hợp như vậy! Và để bảo vệ “chú dế” thân yêu của mình, bạn cần ngay lập tức thực hiện những điều sau đây!
        </p>

        <a class="read-more" href="#" title="Read More">XEM CHI TIẾT &raquo;</a>
    </div>
</div>
	<%-- ===================== --%>		




<%-- Pagination for news post --%>
<div class="pagination">
				<ol class="wp-paginate">
					<li><span class="title">Pages:</span></li>
					<li><a class="prev" href="#">&laquo;</a></li>
					<li><span class="page current">1</span></li>
					<li><a class="page" title="2" href="#">2</a></li>
					<li><a class="page" title="3" href="#">3</a></li>
					<li><a class="page" title="4" href="#">4</a></li>
					<li><a class="page" title="5" href="#">5</a></li>
					<li><a class="next" href="#">&raquo;</a></li>
				</ol>
			</div>